<template>
  <div class="VRate">
    <a-rate v-model="value" />
    <br />
    <a-rate :default-value="2.5" allow-half />
    <br />
    <a-rate :default-value="2" disabled />
    <br />
    <a-rate allow-half>
      <a-icon slot="character" type="heart" />
    </a-rate>
    <br />
    <a-rate character="A" allow-half style="fontSize: 36px" />
    <br />
    <a-rate character="好" allow-half />
    <br />
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: 2
    };
  }
};
</script>
